<template>
	<component
		class="cursor-pointer"
		:is="'icon-park-' + name"
		:theme="theme || 'outline'"
		:size="size || '22'"
		:fill="color || '#606266'"
		:strokeWidth="strokeWidth || 3"
	></component>
</template>

<script lang="ts" setup name="DxIcon">
const { name, theme, size, color, strokeWidth } = defineProps<{
	name: string;
	theme?: string;
	size?: string | number;
	strokeWidth?: number;
	color?: string | object;
}>();
</script>
